@charset "utf-8";
@font-face {
	font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);
}
@font-face {font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF);}

/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}

body{ color: #333;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei";background:#fff;overflow-x:hidden}
a{text-decoration:none; color:#333;}
a:hover{color:#005ba0;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}
.blank70{height:70px;}
.blank80{height:80px;}
.fl{float: left;}
.fr{float: right;}

/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.picShow img{transition:all 500ms ease-out 0s; }

.main100 {width: 80%; margin: auto; max-width: 1200px; min-width: 1200px;}
.fix_width {width: 90%; margin: auto; max-width: 1440px; min-width: 1200px;}
.main{width:1200px; margin:auto;}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%;}
.table_cell{ display:table-cell; vertical-align:middle}

/*头部*/
.header{ height:100px;width:100%; min-width:1280px; transition:0.3s all;background:#fff; /*box-shadow: 0 5px 10px rgba(0,0,0,0.2);*/}
/*.header:hover{background:rgba(20,107,187, 0.8);}*/
.header .logo{ float:left; padding-top:8px;  transition:0.3s all; position:relative; margin-left:3%;}
.header .logo .pic{float:left;}
.header .logo .pic img{height:80px;   transition:0.3s all;background:none; }
.header .logo i{display:block; height:35px; width:1px; background:#eee; position:absolute; left:80px; top:40px;}
.header .logo .txt{float:left; margin:10px 0 0 30px;}
.header .logo .txt h3{font-size:18px; color:#0089DB; margin-bottom:3px; font-weight:bold; line-height:25px; letter-spacing:2px;}
.header .logo .txt p{font-size:13px; color:#aaa;letter-spacing:2px;}

/*搜索*/
.header .serch{ width:80px; height:100px; float:right; background:url(../images/icon-hsrch.png) no-repeat center #c6c6c6; transition:0.3s all;}
.header .serch:hover{background:url(../images/icon-hsrch.png) no-repeat center #2A72BE;}
.header .serch a{display:block; height:100%;}

.header .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999;}
.header .tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.header .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.header .tc-bg {height: 100%;background: rgba(0,0,0,.85);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.header .tc-box {width: 700px;max-width: 90%;margin: 0 auto;box-sizing: border-box;  /* background:#fff; */display: block;position: relative;z-index: 1;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	overflow: hidden;
}
.header .tc.act .tc-box {-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform: scale(1);}


/*搜索弹窗内容样式*/
.header .tc-box form {position: relative;}
.header .tc-box .tc_fdj {position: absolute;left: 20px;display: block;height: 4.25rem;width: 25px;background: url(../images/icon-sq2.png) center no-repeat;}
.header .tc-box #q {width: 80%;height: 4.25rem;padding: 0 2rem;padding-left: 3.87rem;font-size: 1rem;color: #999;box-shadow: none;-webkit-appearance: none;border:0; box-sizing:border-box;outline:none; float:left;}
.header .tc-box .btn_blue {width: 20%;height: 4.25rem;line-height: 4.25rem;background: #2A72BE;font-size: 1.125rem;color: #fff;cursor: pointer;text-transform: uppercase;border:0; outline:none;}

.header .tc-box h3 img{ width:12rem; height:12rem; margin-bottom:10px;}
.header .tc-box h5{color:#fff; text-align:center; font-size:16px; font-weight:normal;}

/*电话*/
.top_tel{height: 20px; line-height: 20px; color:#555;background:url(../images/top_tel.png) left center no-repeat;padding:0 20px 0 25px;margin:40px 10px 0 15px; position:relative; font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#0089DB; font-weight:bold;}


/*======================语言下拉======================*/
.top_lag{height: 20px; line-height: 20px; color:#555;background:url(../images/top_lag.png) left center no-repeat;padding:0 20px 0 25px;margin:40px 20px 0 15px; position:relative;}
.top_lag a{ display:block;}
.top_lag dt{ margin-bottom:3px;}
.top_lag dt i{display: block;
    position: absolute;
    top: 4px;
    right: 0px;
    background: url(../images/jz_head_top.png) no-repeat center;
    width: 12px;
    height:12px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.top_lag.on i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.top_lag dd{ display:none; position:absolute; left:5px; top:26px; z-index:99999999;}
.top_lag dd a{background:#2A72BE; color:#fff; margin-bottom:9px; display:block; width:100px; height:32px; line-height:32px; border-radius:32px; text-align:center;}

/*======================顶部图标======================*/
.head_ico{ position:relative; margin:43px 0 0 25px; padding-right:15px;}
.head_ico li{ float:left; margin-left:10px;}
.head_ico li img{ height:15px;}
.head_ico i{display: block;
    position: absolute;
    top: 3px;
    right: 0px;
    background: #ddd;
    width: 1px;
    height:10px;}



/*下拉菜单*/
.head-box{height: 100px;float:right; }
.head-box .menu{ }
.head-box .menu ul li{float: left; position: relative;z-index: 999; box-sizing:border-box; position:relative; margin:0 15px;}
.head-box .menu ul li .svb a{display: block; font-size: 15px;line-height:100px;}
.head-box .menu ul li dt a{display: block; line-height: 42px; color:#fff;text-align: center;	font-size: 14px;border-bottom: rgba(255,255,255,0.1) 1px solid;}
.head-box .menu ul li dt:last-child a{border-bottom:0;}
.head-box .menu ul li dt a:hover{ background:#014085;border-bottom: #014085 1px solid;}
.head-box .menu ul li .svb{ transition:0.5s all; }
.head-box .menu ul li:hover .svb{background:;}
.head-box .menu ul li:hover .svb a{}
.head-box .menu ul li.curr .svb{background:;}
.head-box .menu ul li.curr .svb a{}
.head-box .menu ul li .svb-box{display: none; background:rgba(20,107,187, 0.8); z-index:999; width:140px; position:absolute; left:-40px; top:100px; border-radius:0px; overflow:hidden;}

/*.head-box .menu ul li .svb a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform:translateX(-50%);-webkit-transform: translateX(-50%);background:#de0029;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.head-box .menu ul li:hover .svb a:before {width: 100%;}*/



/*======================轮播图======================*/
/*焦点图*/
	#banner {max-width:1920px; margin:auto; position: relative; z-index:9;min-width:1280px; overflow: hidden;}
	#banner .swiper-slide{  height: 100%; text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; position:relative; }
	
	#banner .bg img{width: 100%; transition: all 7s;  transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); display:block;}
	#banner .swiper-slide-active .bg img{ transform: scale(1,1);  -webkit-transform: scale(1,1);  transition-delay: 0s;}
	
	#banner .swiper-slide .text_box{ position: absolute; z-index: 9; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
	#banner .swiper-slide-active .text_box{ margin-top: -60px;}
	
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:25px;}

/*快捷按钮*/
.banner_kj{background:rgba(0,0,0,0.6); height:125px; width:100%; padding:0 0px; box-sizing:border-box; min-width:1280px; position:absolute; left:0; bottom:0; z-index:999999;}
.banner_kj ul{color:#fff;}
.banner_kj ul li{width:20%; float:left; border-right:solid 1px rgba(255,255,255,0.1); box-sizing:border-box;}
.banner_kj ul li a{display:block; height:125px; color:#fff; padding:40px 0 0 25%; box-sizing:border-box; transition:0.3s all;}
.banner_kj ul li a:hover{background:rgba(20,107,187, 0.8);}
.banner_kj ul li i{width:44px; display:inline-block; float:left; margin-right:10px; transition:0.5s all;}
.banner_kj ul li:hover i{-webkit-transform: rotatey(180deg); transform: rotatey(180deg);}
.banner_kj ul li h5{font-size:17px; font-weight:normal; margin:5px 0 0 0;}
.banner_kj ul li p{font-size:13px;}

/*页面标题*/
.main_tit{text-align:center; min-width:1200px; padding:50px 0 50px;}
.main_tit_z{ font-size:35px; margin-bottom:5px;  color:#111;}
.main_tit_f{ font-size:17px; color:#999;text-transform:uppercase;}


/*公司介绍*/
.index_about_bg{background:url(../images/about_bbgg.jpg) no-repeat center center; height:860px;}

.index_about_bg .left{width:624px; height:560px; overflow:hidden; float:left; position:relative;}
.index_about_bg .left .bg{ width:320px; height:100%; background:; position:absolute; right:0; top:0; z-index:-1;}
.index_about_bg .left .line1{width:50px; height:1px; background:#2A72BE; margin-bottom:50px;}
.index_about_bg .left .tit1{font-size:18px; color:#2A72BE; text-transform:uppercase;}
.index_about_bg .left h2{font-size:30px; margin-top:20px; margin-bottom:30px;}
.index_about_bg .left .txt{font-size:15px; line-height:32px; padding-right:80px; text-align:justify; color:#444;}
.index_about_bg .left .more{ margin:40px 0;}
.index_about_bg .left .more a{width:125px; height:42px; line-height:42px; display:block; background:#146bbb; text-align:center; color:#fff; border-radius:42px 0 42px 0;}
.index_about_bg .left .more a:hover{background:#1ea952;}

.index_about_bg .left ul{padding-right:80px; }
.index_about_bg .left li{width:33%; float:left; text-align:center}
.index_about_bg .left li i{font-size: 32px; font-family: 'impact'; font-style:normal; margin-right:5px;}
.index_about_bg .left li p{line-height:30px; font-size:14px; }
.index_about_bg .left li p span{color:#f60; font-weight:bold;}

.index_about_bg .right{width:576px; height:560px; overflow:hidden; float:right; position:relative; cursor:pointer;}
.index_about_bg .ico_play{ width:72px;height:72px;z-index: 1; position:absolute; left:50%; margin-left:-36px; top:50%; margin-top:-36px; z-index:99; background:url(../images/play.png) no-repeat center center rgba(0,0,0,.6);background-size: contain;  border-radius: 50%;}
.index_about_bg .ico_play a{width:100%; height:100%; display:block;}

.shipin_play{width:72px;height:72px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; z-index:99; background:rgba(0,0,0,.45);border-radius: 50%;}
.shipin_play img{transition: all 0.8s ease 0s; width:100%; height:100%;}
.shipin_play img:hover{
  cursor:pointer;
  transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}

/*关于我们*/
/*.index_about{}
.index_about .left{width:460px; float:left;}
.index_about .left .line{ width:125px; height:3px; background:#222; margin:90px 0 10px 0;}
.index_about .left .about_en{font-size:56px; font-family:Impact; color:#222;}
.index_about .left .about_cn{font-size:36px; color:#222; margin:45px 0 20px 0;}
.index_about .left .about_p{ line-height:24px; text-align:justify;}
.index_about .left .more{ margin:35px 0;}
.index_about .left .more a{ display:block; width:190px; line-height:50px; color:#fff; background:url(../images/jiantou.png) no-repeat right 20px center #005BA1; border-radius:5px; font-size:16px; padding-left:15px; box-sizing:border-box; transition:0.3s all;}
.index_about .left .more a:hover{ background:url(../images/jiantou.png) no-repeat right 12px center #FF8B10;}
.index_about .left .pic{ text-align:right;}

.index_about .right{width:660px; float:right;}
.index_about .right .video_li{ position:relative;}
.index_about .right .video_li .bg{overflow:hidden;}
.index_about .right .video_li .bg img{width:100%; cursor:pointer;}
.index_about .right .video_li i{width:70px; height:70px; position:absolute; left:50%; margin-left:-35px; top:50%; margin-top:-35px;}
.index_about .right .video_li i img{width:100%; display:block; transition:0.3s all; cursor:pointer;}
.index_about .right .video_li:hover i img{transform: rotate(120deg);-ms-transform: rotate(120deg);  -moz-transform: rotate(120deg);-webkit-transform: rotate(120deg); -o-transform: rotate(120deg); }
*/
/*======================视频_弹窗======================*/
#page_show_video_box {position: fixed;z-index: 9995; top: -2000px;left: 0;display: block;height:100%;width: 100%;}
#page_show_video_box .bg_box {position: absolute;top: 0px;height: 100%;width: 100%;background: rgba(0,0,0,0.85);}
#page_show_video_box #j_video {background: url(../images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;}

#page_show_video_box video{ position:absolute;z-index:100000000; width:1200px; height:600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -600px; }

#bnt_close01 {display: block;width: 70px;height: 70px;position: absolute;top: 0;right: 0;z-index:100000000; background:rgba(255,255,255,0.15)}
#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#bnt_close01:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}
/*======================视频_弹窗结束======================*/

/* 数字变换css */
/*.product-number-info {position: relative; height:120px;}
.product-number-info .product-number-inner {width: 100%; position:absolute;}
.product-number-info ul {padding: 20px 0;}
.q {zoom: 1; }
.product-number-info li {float: left;  width: 25%; height: 80px; text-align:center;}

.product-number-info li b {font-weight:normal;font-size: 36px;line-height: 1;display: inline-block;position: relative;margin: 20px 0 10px;}
.product-number-info li p {font-size: 16px; color:#222;}
.product-number-info li b i { font-style:normal; }
.product-number-info li b sup {position: absolute;font-size: 15px; right: -20px;top: 5px;color:#222;}
.product-number-info li b span {position: absolute; font-weight:normal; color:#999; font-size:14px; right: -25px;top: 18px;}*/


/*事业部*/
.hot_service{ position:relative; }
.hot_service .hd{ position:absolute; left:0; bottom:0; z-index:9999; width:100%;}
.hot_service .hd ul{}
.hot_service .hd ul li{float:left; width:25%;cursor: pointer; transition:0.3s all; text-align:center; color:#fff; padding:40px 0 25px 0; box-sizing:border-box; border:solid 1px rgba(255,255,255,0.3); border-left:0;border-bottom:0;}
.hot_service .hd ul li .pic img{height:45px; transition:0.36s all;}
.hot_service .hd ul li:hover .pic img {transform: rotatey(180deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}

.hot_service .hd ul li h3{font-size:20px; font-weight:normal; margin:15px 0 10px 0;color:#fff;}
.hot_service .hd ul li p{line-height:22px; color:rgba(255,255,255,0.8); font-size:12px;}
.hot_service .hd ul li.on{ background:rgba(20,107,187, 0.15); }

.hot_service .bd { position:relative;}
.hot_service .bd .pic{max-width:1920px; min-width:1200px; margin:auto; overflow:hidden;}
.hot_service .bd .pic img{width:100%; display:block;}
.hot_service .bd .txt{position:absolute; left:8%; top:10%; z-index:10;}
.hot_service .bd .txt h2{font-size:25px; font-weight:normal; color:#FF8B10;}
.hot_service .bd .txt h5{font-size:32px; color:#fff; margin:15px 0 25px 0;}
.hot_service .bd .txt p{font-size:16px; color:rgba(255,255,255, 0.8);}
.hot_service .bd .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;}

.hot_service .bd  a{width:125px; line-height:36px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; margin-top:30px; transition:0.3s all; position:relative;}
.hot_service .bd  a:hover{border:solid 1px #2A72BE; background:#2A72BE; color:#fff;}

/*======================更多按钮======================*/
button.learn-more { width:130px;height: auto;position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;background: transparent;}
button.learn-more .circle {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;width:40px;height:40px; line-height:40px;background: #2A72BE; border-radius:40px;}
button.learn-more .circle .icon {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;bottom: 0;margin: auto;background: #fff;}
button.learn-more .circle .icon.arrow {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);left: 0.625rem; width: 1.5rem;height: 0.125rem;background: none;}
button.learn-more .circle .icon.arrow::before {position: absolute;content: '';top: -0.25rem;right: 0.45rem;width: 1rem;height: 0.625rem;background:url(../images/xiaojian.png) center no-repeat;}
button.learn-more h5.button-text {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0 0 0 30px;
text-align: center; font-weight:normal;font-size: 14px;height: 40px;line-height: 42px;}

button:hover .circle {width: 100%;}
button:hover .circle .icon.arrow { -webkit-transform: translate(0.6rem, 0);transform: translate(0.6rem, 0);}
button:hover h5.button-text {color: #fff; font-size:12px; }


/*放大动画*/
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable{overflow:hidden}
.hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-in{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-in{0%{width:0}100%{width:100%}}
@keyframes anim-in{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}
@keyframes anim-out{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}


/*产品中心*/
.pro_tit{ width:88%; min-width:1200px; margin:0 auto 25px;;color:#222;}
.pro_tit h3{font-size:22px;}
.pro_tit .btn_r{ float:right; width:125px; height:38px; line-height:38px; text-align:center; display:block; color:#fff; background:#0869ac; border-radius:3px; position:relative; z-index:1; overflow:hidden;}
.pro_tit .btn_r:before{content:"";position:absolute; z-index:-1;left:auto;right:0;bottom:0;width:0;height:100%;background: #0081cc;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.pro_tit .btn_r:hover:before{left:0;right:auto;width:100%}



.pro_list {width:88%; min-width:1200px; margin:auto;}
.pro_list li{background:#fff; float:left; width:23%; margin-right:2.66%; transition:0.3s all; margin-bottom:30px;}
.pro_list li:nth-child(4n){ margin-right:0;}
.pro_list li .pic{width:100%;overflow:hidden;position:relative;/*background:#111;*/ background-image: linear-gradient(to bottom right, #555 ,#03080B);}
.pro_list li .pic img{ transition:1s; display:block; width:100%;}
.pro_list li:hover .pic img{ transform:scale(1.1);}
.pro_list li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.25);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} 

.pro_list li .pic .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.pro_list li .pic .red-bg{background:rgba(0,0,0,0.45);}
.pro_list li .pic .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}

.pro_list li .pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.pro_list li .pic .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.pro_list li .pic .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }
.pro_list li:hover .red-bg { opacity: 1; visibility: visible; }
.pro_list li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.pro_list li:hover img{ transform:scale(1.05);}


.pro_list li .txt{ border:0px solid #e8e9eb; padding:15px 20px; text-align:center;}
.pro_list li .txt h5{ font-size:15px; }
.pro_list li .txt p{ font-size:13px; color:#747272; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pro_list li .txt .btn_more{ position:relative; z-index:1; overflow:hidden; display:block; width:9rem; height:2.75rem; line-height:2.75rem; font-size:.875rem; color:#525252; margin:0 auto; border:1px solid #c5c5c7; border-radius:1.5rem; margin-top:2.3rem; transition:.5s;}
.pro_list li .txt .btn_more:hover{ color:#fff; border:1px solid #005ba0;}
.pro_list .btn_more:before{ content:""; width:200px; height:200px; border-radius:50%; transform-origin:center; transform:scale(0); background:#005ba0; position:absolute; z-index:-1;  top:50%; margin-top:-100px; right:50%; margin-right:-100px; transition:.5s;}
.pro_list .btn_more:hover:before{ transform:scale(1); }
/*.pro_list li:hover .txt h5{ color:#fff;}*/



/*首页公司新闻*/
.gsxw_left{width:520px;height:480px;float:left;}
.gsxw_left .pic{width:100%;height:306px;overflow:hidden;text-align:center;}
.gsxw_left .pic img{overflow:hidden;width:100%;height:100%;}
.gsxw_left .pic span{display:block;width:80px;height:70px;background:rgba(0,0,0,0.25);position:relative;top:-310px;left:25px; border-radius:0 0 5px 5px;}
.gsxw_left .pic span b{font-size:30px;color:#fff;font-weight:normal;position:relative;top:3px;}
.gsxw_left .pic span em{font-style:normal;font-size:14px;color:#fff;line-height:32px;}
.gsxw_left .txt{border:1px solid #e5e5e5; border-top:0; padding:25px;}
.gsxw_left .txt h5{ height:50px;line-height:50px;font-size:18px;background:url(../images/s_news_ico.png) no-repeat 0px 0px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:60px;}
.gsxw_left .txt h5 a{ line-height:50px;font-size:18px;}
.gsxw_left .txt h5 a:hover{color:#ff8400;}
.gsxw_left .txt p{ color: #949497;line-height: 24px; margin:15px 0 10px 0;}

.news_slide{ width:640px;float:right;}
.news_slide li { height:100px; border-bottom: dashed 1px #e5e5e5; margin-bottom:25px;}
.news_slide li .time{ width:84px; height:84px; text-align:center; background:#f2f2f2; display:table-cell; vertical-align:middle; transition:0.3s all;}
.news_slide li:hover .time{ background:#2A72BE; color:#fff;}
.news_slide li .time span{font-size:24px;}
.news_slide li .time p{ margin-top:5px;}
.news_slide li .txt{ float:right; width:540px;}
.news_slide li .txt h5{ font-size:16px;  margin-bottom:5px; line-height:32px;}
.news_slide li .txt p{ color:#949497; line-height:24px;}


.lookmore {text-align: center;}
.lookmore a{display: inline-block;width: 155px;height: 38px;border: 1px solid #ccc;background: #fff;line-height: 38px;font-size: 14px;color: #333;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.lookmore a:hover{border: 1px solid #2A72BE; background: #2A72BE; color:#fff;}




/*虚伪以待*/
.index_culture{ position: relative; height: 460px;}
.index_culture .about_bg{width: 100%;height: 100%; background:rgba(0,0,0,0.68);  text-align:center; color:#fff;}
.index_culture .about_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../images/cy-bg.jpg) no-repeat center center fixed; background-size:100% auto; z-index:-1;}
.index_culture .about_bg h3{font-size:16px; line-height:22px; font-weight:normal; padding-top:100px;}
.index_culture .about_bg h4{font-size:36px; line-height:36px; font-weight:normal;font-family:'tt',Arial; margin:20px 0 40px 0;}
.index_culture .about_bg p{  line-height:32px; font-size:16px; margin-bottom:85px; width:70%; max-width:860px; margin:auto;}
.index_culture .about_bg a{ display:inline-block; color:#fff; border:solid 2px rgba(255,255,255,0.5); margin-top:42px; width:155px; line-height:38px; border-radius:38px; transition:0.3s all;}
.index_culture .about_bg a:hover{ background:#2A72BE; border:solid 2px #2A72BE;}



/*首页表单*/
.biaodan{ width:1000px; margin:auto;}
.biaodan li{ margin-bottom:25px;}
.biaodan li span{float:left; margin-right:25px; width:316px;} 
.biaodan li span:last-child{margin-right:0;}
.biaodan li input{border:solid 1px #ddd; height:55px; line-height:55px; font-size:15px; color:#666; padding:0 20px; width:100%; box-sizing:border-box;}
.biaodan li textarea{border:solid 1px #ddd; height:125px;font-size:15px; color:#666; padding:15px 20px; width:100%; box-sizing:border-box; font-family:"微软雅黑";}
.biaodan li input[type="submit"]{width:200px; background:#2A72BE; color:#fff; border:none; border-radius:5px; cursor:pointer; transition:0.3s all;}
.biaodan li input[type="submit"]:hover{background:#FF8B10;}

/*浮动窗口*/
.fudong{ position:fixed; right:2px; bottom:60px; z-index:99999;}
.fudong li{width:65px; height:65px; margin-bottom:1px; text-align:center; font-size:13px; padding-top:10px; box-sizing:border-box;}
.fudong li i{display:block; height:25px; margin-bottom:3px;}
.fudong li i img{height:100%;}
.fudong li a{ color:#fff; display:block; height:100%;}
.fudong li:nth-child(1){background:#2196FF;}
.fudong li:nth-child(2){background:#FF8B10;}
.fudong li:nth-child(3){background:#16B670;}
.fudong li:nth-child(4){background:#2A72BE;}
.fudong li:nth-child(5){background:#BCBCBC;}
.fudong li.anniu{cursor:pointer;}



/*底部*/
.footer{max-width:1920px;min-width:1280px;height:430px;background:url(../images/dobu_img.jpg) no-repeat center; padding:0 5%; box-sizing:border-box;}
.footer_left{width:55%;float:left;}
.footer_left .db_dh{width:20%;float:left;height:300px;margin-top:60px;}
.footer_left .db_dh li{font-size:13px; height:30px;line-height:30px;}
.footer_left .db_dh li a{color:#b4b4b4;}
.footer_left .db_dh  .dh_first{height:40px;}
.footer_left .db_dh  .dh_first a{font-size:16px;color:#fff;}
.footer_left .db_dh li a:hover{color:#FF8B10;}

.footer_right{width:45%;float:right; }
.footer_lx{width:46%;height:300px;float:left;margin-top:60px;}
.footer_lx .lxwm{font-size:16px;color:#fff;}
.footer_lx .dizhi{font-size:13px;color:#b4b4b4;padding-top:15px;}
.footer_lx .tel{font-size:16px;color:#fff;padding-top:35px;}
.footer_lx .tel b{font-size:30px;color:#fff;line-height:58px;}
.footer_lx .work_time{font-size:16px;color:#fff;padding-top:25px;}
.footer_lx .work_time b{font-size:13px;color:#b4b4b4;font-weight:normal;line-height:36px;}

.footer_gz{width:46%;height:300px;float:right;margin-top:60px;}
.footer_gz .gz_img{width:100%;float:left;margin-bottom:20px;}
.footer_gz .gz_img b{font-size:16px;color:#fff;font-weight:normal;}
.footer_gz .gz_img li{width:30px;height:30px;margin-right:10px;background:rgba(255,255,255,0.25);border-radius:50px;float:left;margin-top:15px;text-align:center; transition:0.3s all;}
.footer_gz .gz_img li:hover{background:rgba(255,255,255,0.65);}
.footer_gz .gz_img li img{margin-top:8px;overflow:hidden;}

.footer_gz  .weixin{ width:108px; text-align:center; color:rgba(255,255,255,0.6);}
.footer_gz  .weixin img{width:100%; margin-bottom:5px;}



.footer .footer_dh{line-height:60px; border-top:solid 1px rgba(255,255,255,0.1); }
.footer .footer_dh li{float:left;font-size:13px;margin-right:12px;}
.footer .footer_dh li a{color:rgba(255,255,255,0.3);}
.footer .footer_dh li a b{font-size:6px;margin-left:10px;color:rgba(255,255,255,0.3); font-weight:normal;}
.footer .xian  p{font-size:13px;float:right;color:rgba(255,255,255,0.3); line-height:60px;}
.footer .xian  p a{color:rgba(255,255,255,0.3);}



/*--------------------*/

/*二级页面*/
.n_banner{height:448px; overflow:hidden; position:relative; min-width:1200px;}
.n_banner h2 {font-size: 52px;color: #fff;margin-bottom: 5px; font-weight:normal;}
.n_banner h3 {font-size: 82px;color: rgba(255,255,255,0.55);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight:normal;}

.n_banner .scaleBg{width:100%; height:100%; visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards; position:absolute; left:0; top:0; z-index:-99;}
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2)}
    to{-webkit-transform:scale(1);transform:scale(1)}
    
}

/*面包屑*/
.mianbao {height: 60px;border-bottom: #e6e6e6 3px solid; margin-top:40px;}
.mianbao big {line-height: 50px;font-size: 30px;}
.mianbao ul li {font-size: 18px; font-weight: bold;line-height: 60px;display: inline-block;margin-left: 40px;position: relative}
.mianbao ul li a {color: #464646;transition: 0.6s;display: inline-block}
.mianbao ul li a:after {content: "";position: absolute;right: 0;width: 0;height: 3px;background:#2A72BE;bottom: -3px;transition: 0.6s}
.mianbao ul li.on a:after,.mianbao ul li:hover a:after {left: 0;width: 100%}
.mianbao ul li.on a,.mianbao ul li:hover a {color:#2A72BE;}


/*关于我们*/
.page_about{margin-top:60px;}
.page_about .left{float:left; width:400px;}
.page_about .right{float:right; width:800px;}
.page_about .right h1{font-size:24px; color:#666; margin-bottom:30px;}
.page_about .right p{font-size: 15px; color: #666;line-height: 30px; margin-bottom: 30px; text-align:justify;}

/* 数字变换css */
.page-number-info {position: relative; background:#fff; width: 1280px; margin:auto;}
.page-number-info ul {padding: 70px 0 0 0;}
.page-number-info li {float: left;  width:33%; padding-left:140px; height: 80px; border-left: 1px solid #eee; box-sizing:border-box;}
.page-number-info li.li-1{background:url(../images/youshi01.png) no-repeat 70px center;}
.page-number-info li.li-2{background:url(../images/youshi02.png) no-repeat 65px center;}
.page-number-info li.li-3{background:url(../images/youshi03.png) no-repeat 65px center;}
.page-number-info li.li-4{background:url(../images/youshi04.png) no-repeat 55px center;}

.page-number-info li:first-child { border: none;}
.page-number-info li b {font-weight: 300; display: inline-block;position: relative;margin: 0px 0 5px;}
.page-number-info li p {font-size: 14px;}
.page-number-info li b i { font-style:normal;font-family: BarlowCondensed-Regular; font-size:46px;}
.page-number-info li b sup {position: absolute;font-size: 20px; right: -15px;top: -3px;color:#999;}
.page-number-info li b span {position: absolute; font-weight:normal; color:#999; font-size:14px; right: -20px;top: 28px;}

/*关于我们视频*/
.about_vedio { background: url(../images/page_v_bg.jpg) center no-repeat;height: 480px; background-attachment: fixed; margin-top:-60px; background-size:cover;}
.about_vedio h3 {font-size: 36px;color: #fff;padding-top:50px; font-weight:normal;}
.about_vedio h3 span {font-size: 18px;line-height: 30px}
.about_vedio h5 {font-size: 26px;color: rgba(255,255,255,0.65);font-family: BarlowCondensed-Regular;text-transform: uppercase;margin: 12px 0 40px}
.about_vedio h2 img { transition: 0.6s;}
.about_vedio h2 img:hover {transform: rotate(120deg);}

/*资质荣誉*/
.about_honor{}
.about_honor .hd{ position:absolute; left:50%; bottom:0; margin-left:-45px;}
.about_honor .hd .prev,.about_honor .hd .next{ width:32px; height:32px; border:1px solid #ccc; border-radius:50%; float:left; margin-left:8px; display:inline-block; color:#666; font-size:14px; font-family:simsun; cursor:pointer; text-align:center; line-height:32px; transition:0.3s all;}
.about_honor .hd .prev:hover,.about_honor .hd .next:hover{ background:#FF8B10; border:1px solid #FF8B10; color:#fff;}
.about_honor .bd{ }
.about_honor .bd ul li{ width:278px; height:360px; margin:0 10px; position:relative;background:#f0f0f0; text-align:center;}
.about_honor .bd ul li img{max-width:85%;max-height:80%;display: inline-block;opacity:0.95;}
.about_honor .bd ul li .txt{ background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0;transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.about_honor .bd ul li .txt h5{ text-align:center; font-size:16px; font-weight:normal; color:#fff; line-height:360px;  margin-left:-30px; opacity:0;transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.about_honor .bd ul li .txt span{ font-size:12px; text-transform:uppercase; color:#fff; position:relative; left:-30px; opacity:0; font-family:arial; width:80px; height:24px; border:1px solid rgba(255,255,255,0.5); display:block; border-radius:12px; line-height:24px; margin:0 auto; transition-delay:200ms; transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.about_honor .bd ul li:hover .txt{ opacity:1;}
.about_honor .bd ul li:hover .txt h5{ margin-left:0; opacity:1;}
.about_honor .bd ul li:hover .txt span{ left:0; opacity:1;}

/*发展历程*/
.n_licheng .fl01 {background: url(../images/n_licheng_fl01_bg.jpg) center no-repeat;height: 360px;}
.n_licheng .fl01 .w1200 {
	padding: 65px 30px 0
}

.n_licheng .fl01 h3 {font-size: 42px;color: #fff; text-transform: uppercase; font-weight:normal; margin-bottom: 139px;padding: 64px 30px 0;font-family:BarlowCondensed-Regular;}
.n_licheng .fl01 .miso_hd {width: 73.5%;margin-right: 25px;float: right;}
.n_licheng .fl01 .miso_hd li {position: relative;text-align: center;}
.n_licheng .fl01 .miso_hd li:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 0;
	background: url(../images/jiantou0.png) center no-repeat;
	border-radius: 50%;
	left: 50%;
	margin-left: -11px;
	bottom: 8px;
	transition: 0.6s;
	overflow: hidden
}

.n_licheng .fl01 .miso_hd li h4 {font-size: 46px;color: rgba(255,255,255,0.65);font-family:BarlowCondensed-Regular;text-transform: uppercase;padding-bottom: 90px;}
.n_licheng .fl01 .miso_hd li h4:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border-radius: 50%;
	left: 50%;
	margin-left: -12px;
	bottom: 26px;
	transform: scale(0);
	transition: 0.6s
}
.n_licheng .fl01 .miso_hd li h4:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #0869ac;
	border-radius: 50%;
	left: 50%;
	margin-left: -6px;
	bottom: 32px;
	transform: scale(0);
	transition: 0.6s;
}

.n_licheng .fl01 .miso_hd .slick-prev, .n_licheng .fl01 .miso_hd .slick-next {width: 60px;height: 60px;left: -285px;top: 22px;}
.n_licheng .fl01 .miso_hd .slick-prev {background: url(../images/left03.png) center no-repeat;}
.n_licheng .fl01 .miso_hd .slick-next {background: url(../images/right03.png) center no-repeat;left: -205px;}
.n_licheng .fl01 .miso_hd li.slick-current h4 {color: #fff}
.n_licheng .fl01 .miso_hd li.slick-current:before {height: 10px;}
.n_licheng .fl01 .miso_hd li.slick-current h4:before {transform: scale(1)}
.n_licheng .fl01 .miso_hd li.slick-current h4:after {transform: scale(1)}

.n_licheng .fl02 {overflow: hidden;position: relative;top: -38px;margin-bottom: -39px;}
.n_licheng .fl02 .miso_bd h4 {float: left;font-size: 88px;color: #0869ac;font-family:BarlowCondensed-Regular;text-transform: uppercase;padding: 66px 0;padding-left: 35px;}
.n_licheng .fl02 .miso_bd .right {width: 78%;border-left: #e8e8e8 2px solid;padding: 80px 0;padding-left: 30px;min-height: 228px;}

.n_licheng .fl02 .miso_bd .right p {font-size: 16px;line-height: 28px;color: #4c4c4c;position: relative;margin-bottom: 28px;}
.n_licheng .fl02 .miso_bd .right p:before {content: "";position: absolute;left: -25px;width: 10px;height: 2px;top: 50%;background: #e8e8e8;}
.n_licheng .fl02 .miso_bd .right p:after {content: "";position: absolute;left: -39px;width: 12px;height: 12px;top: 50%;margin-top: -7px;background: #fff;
	border: #e8e8e8 2px solid;border-radius: 50%;}

/*高科文化*/
.wenhua{margin-top:50px;}
.wenhua li{ position:relative; height:300px; margin-bottom:40px; width:580px;}
.wenhua li .pic{ position:absolute; height:100%; left:0; top:0; z-index:-9;}
.wenhua li .pic img{width:100%; height:100%; display:block;}
.wenhua li  h5{font-size:32px; color:#fff; font-weight:normal; margin-bottom:20px; text-align:left; padding:0 50px;}
.wenhua li  p{font-size:18px; line-height:26px; color:#fff; font-weight:normal;  text-align:left;  padding:0 50px;}
.wenhua li:before{content: "";position: absolute;right: 0;width:0;height:100%;background:rgba(0,0,0,0.2); transition:0.6s all;z-index:-1;}
.wenhua li:hover:before{width:100%; left:0;}

/*应用场景*/
.yycj {display: flex;height: 300px; }
.yycj li {flex: 1;overflow: hidden;transition: .5s;margin: 0 0.5%; position:relative; background:#000;}
.yycj li > img { flex:1;width: 100%; height:100%;-o-object-fit: cover;object-fit: cover;transition: .5s; opacity:1;}
.yycj li:hover {flex: 1 1 20%;}
.yycj li  .txt{font-size:32px;color:#fff; position:absolute; width:100%;  padding:0 10%; box-sizing:border-box;  bottom:15%;  transition:0.5s all; z-index:9;}
.yycj li  .txt:after{content:"";position:absolute;left:10%; top:50px;width:15px;height:2px;background:rgba(255,255,255,0.618);}

.yycj li  p{font-size:18px; color:#fff; line-height:25px; padding:0 10%; height:50px; box-sizing:border-box; position:absolute; width:100%; bottom:-200px; transition:0.5s all; text-align:justify; z-index:9;}
.yycj li:hover .txt{ bottom:25%;}
.yycj li:hover p{bottom:2%; transition-delay:0.3s;}
.yycj li:hover > img{ opacity:0.4;}


/*资质荣誉列表页*/
.zzry_list li{ width:278px; height:360px; margin:0 10px 20px 10px; position:relative;background:#f0f0f0; text-align:center; float:left; overflow:hidden;}
.zzry_list li img{max-width:80%;max-height:80%;display: inline-block;opacity:1;}
.zzry_list li .txt{ background:rgba(0,0,0,0.3); position:absolute; top:0; right:0; width:0; height:100%; text-align:center; opacity:0;transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.zzry_list li .txt h5{ text-align:center; font-size:16px; font-weight:normal; color:#fff; line-height:360px;  margin-left:-30px; opacity:0;transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.zzry_list li:hover .txt{ opacity:1; width:100%; left:0;}
.zzry_list li:hover .txt h5{ margin-left:0; opacity:1;}

/*领导致辞*/
.page_ldzc{ margin-top:60px;}
.page_ldzc .left{width:600px; float:left;}
.page_ldzc .left p{font-size: 15px; color: #666;line-height: 30px; margin-bottom: 30px; text-align:justify;}
.page_ldzc .right{float:right;}


/*单页内容*/
.con_box{margin-top:60px; text-align:center;}
.con_box p{font-size: 15px; color: #666;line-height: 30px; margin-bottom: 30px; text-align:justify;}
.con_box img{max-width:100%;}


/*高科战略*/
.page_gkzl{ margin-top:60px;}
.page_gkzl .left{width:750px; float:left;}
.page_gkzl .left p{font-size: 15px; color: #666;line-height: 30px; margin-bottom: 30px; text-align:justify;}
.page_gkzl .right{float:right;}

/*美丽高科*/
.page_mlgk{}
.page_mlgk li{width:360px; margin-right:60px; margin-bottom:25px;float:left;overflow:hidden;}
.page_mlgk li:nth-child(3n){margin-right:0;}
.page_mlgk li .pic{ width:100%;  height:255px; border-radius:5px; overflow:hidden; margin-bottom:10px;}
.page_mlgk li .pic img{width:100%; height:100%;  }
.page_mlgk li .txt{ text-align:center;}

/*事业群组*/
.page_syqz{ padding:80px 0 80px;}
.page_syqz .left{width:240px; float:left; overflow:hidden;}
.page_syqz .left h2{font-size:27px; font-weight:normal; color:#000; }
.page_syqz .left i {width: 15px;height: 1px; display: block; margin: 24px 0 22px;background: #ac1d24;}
.page_syqz .left p {font-size: 14px;color: #666;line-height: 24px; width: 79%;}

.page_syqz .right{width: 67.5%; padding-left: 4%;float:left; border-left:1px solid #e6e6e6}
.page_syqz .right h5{font-size:27px; font-weight:normal; color:#000; margin-bottom: 35px;}
.page_syqz .right  p {font-size: 15px;color: #666666;line-height: 30px;padding-bottom: 20px; text-align:justify;}

.flex-b{position: relative;height: 520px;width: 100%;overflow: hidden;}
.flex-b .flex-pic{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;}

/*======================更多按钮======================*/

.syqz_nav{position:absolute; left:0; bottom:60px; z-index:99; width:100%;}
.syqz_nav li{float:left; text-align:center; width:25%;}
.syqz_nav li a{ position:relative; height:125px; width:125px; border-radius:50%; display:inline-block; border:solid 1px rgba(255,255,255,0.5); color:#fff;transition:0.5s all;}
.syqz_nav li .pic{ height:36px; margin-bottom:15px;}
.syqz_nav li .pic img{ height:100%; transition:0.5s all;}
.syqz_nav li h2{font-size:16px;}
.syqz_nav li:hover a,.syqz_nav li a.on{ background:rgba(0,0,0,0.35);  border:solid 1px rgba(0,0,0,0.25);}
.syqz_nav li:hover .pic img {transform: rotatey(180deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}


/*事业部介绍*/
.syb_intro{ text-align:center; line-height:32px; margin-top:-15px;}

/*彩晶事业部-分支机构*/
.cj_fzjg{}
.cj_fzjg li{width:31.3%; height:160px; padding-top:30px; margin:0 1%; box-sizing:border-box; border:solid 1px #e8e8e8; float:left; position:relative; transition:0.3s all; text-align:center;}
.cj_fzjg li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); background:#fff;}
.cj_fzjg li h5{font-size:22px; font-weight:normal; margin-bottom:20px;}
.cj_fzjg li  p{font-size:14px; line-height:26px; transition: 0.3s all; padding:0 25px;}
.cj_fzjg li:hover .txt{background:rgba(0,0,0,0.7);padding-top:30%;}
.cj_fzjg li:hover .txt p{ opacity:1;filter:alpha(opacity=100);}


/*部门优势*/
.syb_ys{width:1000px; margin:auto;}
.syb_ys li{width:29.3%; height:360px; background:#fff; float:left; margin:0 2%; position:relative; color:#fff;}
.syb_ys li .pic{ width:100%; height:100%; overflow:hidden;}
.syb_ys li .pic img{width:100%; display:block;}
.syb_ys li .txt{  text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); box-sizing:border-box; padding-top:65%;transition: 0.3s all;}
.syb_ys li .txt img{margin-bottom:20px;}
.syb_ys li .txt h5{font-size:24px;font-weight:normal;}
.syb_ys li:hover .txt{background:rgba(0,0,0,0.7);padding-top:35%;}



/*环境设备*/
#sqb_hjsb .swiper-slide {width:978px;transition-timing-function:linear; position:relative;}
@media only screen and (max-width:1200px){
	#sqb_hjsb .swiper-slide {width:770px;}
}
@media only screen and (max-width:980px){
	#sqb_hjsb .swiper-slide {width:471px;}
}
@media only screen and (max-height:480px){
	#sqb_hjsb .swiper-slide {width:471px;}
}
#sqb_hjsb .swiper-slide img{width:100%;border-radius: 4px;}
#sqb_hjsb .swiper-slide .title{position:absolute;width:14px;left:-20px;color: rgb(102, 102, 102);}	
#sqb_hjsb .swiper-slide .info{ position:absolute;  padding:15px 25px; background:rgba(0,0,0,0.618); color:#fff; line-height:25px; bottom:35px; left:20px; border-radius:5px; max-width:90%;}
#sqb_hjsb .swiper-button-next,#sqb_hjsb .swiper-button-prev{width:56px;height:112px;background-size:56px 112px;margin-top:-56px;outline:none;}
#sqb_hjsb .swiper-button-next{background-image:url(../images/cursor-next.png);}
#sqb_hjsb .swiper-button-prev{background-image:url(../images/cursor-prev.png);}		
#sqb_hjsb .swiper-pagination-bullet{background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:none;vertical-align:middle;}
#sqb_hjsb .swiper-pagination-bullet span{width:3px;height:3px;background:#CCC;display:block;border-radius:50%;margin-top:3px;margin-left:3px;}
#sqb_hjsb .swiper-pagination-bullet i{background:#000;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
#sqb_hjsb .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width:9px;height:9px;margin-top:0;margin-left:0;background:#000;position:relative;z-index:1;}
#sqb_hjsb .swiper-pagination-bullet-active i{animation:middle 6s;}
#sqb_hjsb .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
#sqb_hjsb .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}				
@keyframes first{
	  0% {transform:scaleX(0.5);left:0px;}/*091*/
	  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
	  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	  20% {transform:scaleX(0.3);left:2px;} /*090*/
	  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
	  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	  20% {transform:scaleX(0.45);left:2px;}/*092*/
	  100% {transform:scaleX(1);left:2px;} /*0913*/
}	


/*事业部新闻活动*/
.syb_news{ width:88%; margin:auto;}
.syb_news li{width:23%; float:left; margin-right:2.6%;}
.syb_news li:nth-child(4n){ margin-right:0;}
.syb_news li .time{width:85px; height:75px; background:#fff; transition:0.3s all; text-align:center; float:left; margin-right:10px; margin-bottom:25px; font-size:13px; border:solid 1px #ddd; box-sizing:border-box;}
.syb_news li .time span{ font-size:25px; font-family:Arial, Helvetica, sans-serif; display:block; margin:12px 0 5px 0;}
.syb_news li h3{ font-size:16px; font-weight:normal; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; line-height:26px; margin-bottom:5px;}
.syb_news li p{font-size:12px; line-height:180%; color:#888;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
	}
.syb_news li .pic{width:100%; overflow:hidden; background:#000;}
.syb_news li .pic img{width:100%;opacity:0.95; display:block;}

.syb_news li:hover .time{ background:#2A72BE;border:solid 1px #2A72BE; color:#fff;}


/*事业部新闻右侧*/
.show_syb_side{ width:300px;}
.show_syb_side .tit{font-size:18px; font-weight:normal;}
.show_syb_side li{border-bottom: #e6e6e6 3px solid; padding: 22px 0 22px 0;}
.show_syb_side li h4{font-size:14px;color: #979797; margin-bottom: 10px; font-weight:normal;}
.show_syb_side li h5{font-size: 16px;margin-bottom: 14px; font-weight:normal;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; }
.show_syb_side li p{font-size: 13px;line-height: 20px; height: 40px;color: #969696;overflow: hidden;}


/*位置导航*/
.weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:20px; margin:30px 0;}
.weizhi span{}


/*事业群更多新闻*/
.list_syq_news{}
.list_syq_news li{ width:380px; float:left; margin:0 30px 30px 0;}
.list_syq_news li:nth-child(3n){margin-right:0;}
.list_syq_news li .pic{ width:100%; height:240px; overflow:hidden; position:relative;background:#000;}
.list_syq_news li .pic img{width:100%; height:100%; display:block; transition:0.6s all;}
.list_syq_news li .pic .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.list_syq_news li .pic .red-bg{background:rgba(0,0,0,0.45);}
.list_syq_news li .pic .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.list_syq_news li .pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.list_syq_news li .pic .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.list_syq_news li .pic .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.list_syq_news li:hover .red-bg { opacity: 1; visibility: visible; }
.list_syq_news li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.list_syq_news li:hover img{ transform:scale(1.05);}

.list_syq_news li .txt{ padding:25px 25px 20px 25px; border:solid 2px #e2e2e2; border-top:0; background:#fff;}
.list_syq_news li .txt h5{ font-size:18px; margin-bottom:10px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.list_syq_news li .txt p{ line-height:25px; color:#666; text-align:justify; margin-bottom:10px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.list_syq_news li .fot_box {position: relative; height: 12px;line-height: 14px;margin-top: 15px; padding-top:15px;  border-top:solid 1px #e8e8e8;}
.list_syq_news li .fot_box span {color: #a1a1a1;font-size: 12px;}
.list_syq_news li .fot_box span.time {background: url(../images/icon_time.png) left center no-repeat;padding-left: 20px;}
.list_syq_news li .fot_box span.read {position: absolute;right: 20px;top: 15px;background: url(../images/icon_read.png) left center no-repeat;padding-left: 20px;}


/*事业群 产品内容*/
.pro_box1{ background:#fff; padding:60px 50px;}
.pro_box1 .left{width:770px; float:left;}
.pro_box1 .right{width:340px; float:right;}
.pro_box1 .right h1{font-size: 30px;color: rgba(17,17,17,1);line-height: 45px;margin-bottom: 15px;}
.pro_box1 .right p{line-height:28px;}

.pro_box2{ background:#fff; padding:0px 50px 60px 50px;}

.pro_box2 .hd{height:50px; background:#f4f5f6;}
.pro_box2 .hd li{width:200px; line-height:50px; text-align:center; float:left; background:#ddd; font-size:18px;}
.pro_box2 .hd li.on{background:#2A72BE; color:#fff;}
.pro_box2 .bd{padding:30px 0;}

.pro_box2 .bd p {line-height:180%;margin-bottom:20px; text-align:justify; font-size:16px;}
.pro_box2 .bd p img{ max-width:100%;}


.bot-paging {width:100%;max-width:1920px;padding:0 5px;box-sizing:border-box; position: fixed; z-index: 20;
  transition: all 0.3s ease 0s; height:46px; bottom: 400px;}
.bot-paging .link-info {
  display: block;
  width: 46px;
  height: 46px;

  overflow: hidden;
  transition: width 0.3s ease 0s;
}
.bot-paging .link-info .link-ico {
  display: block;
  width: 46px;
  height: 46px;
  position: relative;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;transition: all 0.3s ease 0s;
}
.bot-paging .link-info .link-ico:hover,.bot-paging .retun-list .chunk-box:hover{background-color: #0089DB;transition: all 0.3s ease 0s;}
.bot-paging .link-info i {
  display: block;
  width: 100%;
  height: 100%;
}
.bot-paging .prev i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_23.png) no-repeat center;
}
.bot-paging .next i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_24.png) no-repeat center;
}

.bot-paging .retun-list {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.bot-paging .retun-list .chunk-box {
  display: block;
  width: 46px;
  height: 46px;
  float: right;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  background: url(../images/ico_26.png) no-repeat center rgba(0, 0, 0, 0.15);transition: all 0.3s ease 0s;
}


/*新闻频道页*/
.cate_news{ width:49%; border:solid 1px #ddd; float:left; margin-bottom:25px; padding:20px 20px; box-sizing:border-box;}
.cate_news:nth-child(2n){float:right;}
.cate_news h5{ font-size:18px; border-bottom:dotted 1px #ccc; height:36px; margin-bottom:10px;}
.cate_news h5 span{float:right; font-size:12px; margin-top:10px; font-weight:normal;}

.cate_news li{line-height:36px; font-size:15px; background:url(../images/dian.png) no-repeat left center; padding-left:15px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.cate_news li span{float:right; font-size:13px; color:#999; margin-left:10px;}


/*新闻列表页*/
.n_news{}
.n_news .left{width:725px;  height:315px; float:left; background:#f4f5f7;  border:solid 2px #dedee2; box-sizing:border-box; transition:0.6s all;}
.n_news .left:hover{background:#fff;}
.n_news .left .pic{width:470px; height:100%; float:left; overflow:hidden;}
.n_news .left .pic img{width:100%; height:100%; display:block;}
.n_news .left .txt{width:251px; float:left; padding:55px 30px 0; box-sizing:border-box;}
.n_news .left .txt h2{font-size:16px; line-height:26px; height:52px; overflow:hidden; color:#222;}
.n_news .left .txt p {line-height: 22px;  margin-top: 20px;font-size: 12px; color: #505159; text-align:justify;}
.n_news .left .txt span.more{margin-top: 30px;background:#df203d;color: #fff;display: block;font-size: 12px;height: 32px;line-height: 32px; width: 95px; text-align: center; transition:0.5s all;}
.n_news .left .txt span.more:hover{border-radius:32px;}

.n_news .right{width:450px; float:right;}
.n_news .right li {margin-bottom: 20px;height: 113px; overflow: hidden;border: 2px solid #dedee2;padding: 15px 30px; background:url(../images/icon_mark_news.png) no-repeat right top #f4f5f7; transition:0.6s all;}
.n_news .right li:hover{ background:url(../images/icon_mark_news.png) no-repeat right top #fff; border:solid 2px #df203d;}
.n_news .right li h2{ font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin:5px 0 10px 0; color:#222;}
.n_news .right li p{font-size: 12px;line-height: 22px;color: #8a8b8d;height: 44px;overflow: hidden;}
.n_news .right li .fot_box {position: relative; height: 12px;line-height: 14px;margin-top: 18px;}
.n_news .right li .fot_box span {color: #a1a1a1;font-size: 12px;}
.n_news .right li .fot_box span.time {background: url(../images/icon_time.png) left center no-repeat;padding-left: 20px;}
.n_news .right li .fot_box span.read {position: absolute;right: 20px;top: 0;background: url(../images/icon_read.png) left center no-repeat;padding-left: 20px;}


.list_news{border-top:solid 1px #e8e8e8; }
.list_news li{border-bottom:solid 1px #e8e8e8; padding-top:25px; height: 160px; transition:0.3s all;}
.list_news li .time{ float:left; width:100px; height:100px; border:1px solid #e5e5e5; background:#f4f5f7; text-align:center; font-family:arial; box-sizing:border-box; font-size:12px; padding-top:15px; margin-right:45px; margin-top:8px; position:relative; transition:.5s; z-index:0;}
.list_news li .time span{ display:block; font-size:40px; color:#4a4845; transition:.5s; margin-bottom:5px;}
.list_news li .time:before{ content:""; display:block; width:100%; height:0; position:absolute; left:0; bottom:0; z-index:-1; background:#2A72BE; transition:.5s;}
.list_news li:hover .time:before{ height:100%; top:0; bottom:auto;}
.list_news li:hover .time{ color:#fff;}
.list_news li:hover .time span{ color:#fff;}
.list_news li .txt{ padding-top:15px;}
.list_news li .txt h5{ font-size:18px; color:#2d2d2c; margin-bottom:16px;}
.list_news li .txt p{ font-size:14px; color:#7c7c7d; line-height:25px; height:50px; overflow:hidden;}
.list_news li .img{ width:215px; height:125px; float:right; margin-left:50px;}
.list_news li .img img{ transition:1s; width:100%; height:100%;}
.list_news li:hover .img img{ transform:scale(1.1);}
.list_news li:hover h5{color:#2A72BE;}

.new_main_box{width:800px;}

.new_side{width:330px;}
.new_side h5{font-size:20px; font-weight:normal; color:#000; margin-bottom:10px;}
.new_side li{ line-height:46px; border-bottom:solid 1px #dedede;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.new_side li span{float:right; color:#929292; font-size:12px; background:url(../images/view.png) no-repeat left center; background-size:15px auto; padding-left:20px; margin-left:10px; font-family:Arial, Helvetica, sans-serif}
.new_side .box{ background:#f4f5f7; margin-bottom:30px;  padding:25px; }

.pic_side{}
.pic_side h5{margin-bottom:15px;}
.pic_side li{ text-align:center; border-bottom:0;}
.pic_side li .pic{ height:176px; width:100%; position:relative; overflow:hidden;}
.pic_side li .pic img{ width:100%; height:100%; display:block; transition:0.6s all;}
.pic_side li .txt{}
.pic_side li .pic .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.pic_side li .pic .red-bg{background:rgba(0,0,0,0.45);}
.pic_side li .pic .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.pic_side li .pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.pic_side li .pic .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.pic_side li .pic .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.pic_side li:hover .red-bg { opacity: 1; visibility: visible; }
.pic_side li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.pic_side li:hover img{ transform:scale(1.05);}


/*内容页*/
#title_txt {font-size:25px;line-height:40px;font-weight:bold; margin-bottom:15px;}

#time_txt { float:left;}
#time_txt span{ color:#999; margin-right:20px; line-height:40px; font-size:12px;}
#time_txt span a{color:#999;}

.art_info{ border-bottom:solid 1px #ddd; height:50px;}

.print_txt {color:#999;line-height:30px;height:30px;}

/*.zt-S{ background-position: left top;}
.font,.font01,.print{ cursor: pointer; position:relative; width:40px; height:27px; line-height:27px;overflow:hidden; float:left;}
.print_txt .print{width: 30px;}
.zt-B,.zt-S,.print-B,.sml-tex  a,.big-tex a,.print-tex a{ background:#fff url(../images/ico_01.png) no-repeat left -33px; width:40px; height:27px; overflow:hidden; display:block; position:absolute; left:0;}

.big-tex,.sml-tex,.print-tex{ position:absolute; left:0; background:#fff; top:27px; width:40px;}
.big-tex a,.sml-tex a,.print-tex a{ display: block; }

/*.zt-S{ background-position: left top;}
.zt-B{background-position:-40px top;}
.print-B {background-position: -120px top;}
.sml-tex a{background-position:left -33px; }
.big-tex a{background-position:-40px -33px;}
.print-tex a{background-position:-120px -30px;}
*/

#art_box {margin:30px 0px;font-size:16px; line-height:30px; color:#555;}
#art_box p {line-height:180%;margin-bottom:20px; text-align:justify; text-indent:2em;}
#art_box p img{margin-left:-2em; max-width:100%;}
#art_box a{color:#0000FF;}

.bottom_txt {height:22px;overflow:hidden;border-top:1px solid #ddd;padding:15px 0; font-size:16px; text-align:center;}


.backprev{right:0; top:30px; position:absolute; width: 50px;height: 50px;background: #CB1220 url(../images/icon-back.png) no-repeat center center;border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}





/*分享按钮*/
.shart_box{ display:inline-block; float:right;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

/*通讯驿站*/
.list_txyz{}
.list_txyz li{ width:48.5%; border:solid 2px #e2e2e2; float:left; padding:25px 25px; box-sizing:border-box; margin-bottom:30px; height:210px; transition:0.6s all;}
.list_txyz li:nth-child(2n){float:right;}
.list_txyz li h3{ font-size:25px; font-weight:normal; margin-bottom:10px;}
.list_txyz li h5{font-size:18px; font-weight:normal; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom:15px;}
.list_txyz li .info{ border-bottom:dashed 1px #dcdcdc; padding-bottom:15px; margin-bottom:20px;}
.list_txyz li .info span{color:#aaa; font-size:12px; margin-right:25px;}
.list_txyz li:hover .info span{color:#fff;}
.list_txyz li .info span.time {background: url(../images/icon_time.png) left center no-repeat;padding-left: 20px;}
.list_txyz li .info span.read {background: url(../images/icon_read.png) left center no-repeat;padding-left: 20px;}

.list_txyz li p{ line-height:25px; color:#7a7a7a; text-align:justify;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.list_txyz li:hover{ background:#2A72BE; color:#fff; border:solid 2px #2A72BE;}
.list_txyz li:hover a,.list_txyz li:hover p{ color:#fff;}





/*活动专区*/
.list_hdzq{}
.list_hdzq li{ width:380px; float:left; margin:0 30px 30px 0;}
.list_hdzq li:nth-child(3n){margin-right:0;}
.list_hdzq li .pic{ width:100%; height:240px; overflow:hidden; position:relative;background:#000;}
.list_hdzq li .pic img{width:100%; height:100%; display:block; transition:0.6s all;}
.list_hdzq li .pic .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.list_hdzq li .pic .red-bg{background:rgba(0,0,0,0.45);}
.list_hdzq li .pic .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;}
.list_hdzq li .pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.list_hdzq li .pic .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.list_hdzq li .pic .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.list_hdzq li:hover .red-bg { opacity: 1; visibility: visible; }
.list_hdzq li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.list_hdzq li:hover img{ transform:scale(1.05);}

.list_hdzq li .txt{ padding:25px 25px 20px 25px; border:solid 2px #e2e2e2; border-top:0;}
.list_hdzq li .txt h5{ font-size:18px; margin-bottom:10px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.list_hdzq li .txt p{ line-height:25px; color:#666; text-align:justify; margin-bottom:10px;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.list_hdzq li .fot_box {position: relative; height: 12px;line-height: 14px;margin-top: 15px; padding-top:15px;  border-top:solid 1px #e8e8e8;}
.list_hdzq li .fot_box span {color: #a1a1a1;font-size: 12px;}
.list_hdzq li .fot_box span.time {background: url(../images/icon_time.png) left center no-repeat;padding-left: 20px;}
.list_hdzq li .fot_box span.read {position: absolute;right: 20px;top: 15px;background: url(../images/icon_read.png) left center no-repeat;padding-left: 20px;}


/*人才专区*/
.page_rczq{ margin-top:60px;}
.page_rczq .left{width:750px; float:left;}
.page_rczq .left .yrln p{font-size: 15px; color: #7b7b7b;line-height: 30px; margin-bottom: 30px; text-align:justify;}
.page_rczq .right{float:right;}

/* 右侧地址 */
.zpfs{padding: 50px 35px 45px;text-align: left;font-size: 13px;background: #f4f5f7;margin-bottom: 10px;color: #6c6c6d;line-height: 30px;}
.zpfs h5{font-size: 18px; color: #444;font-weight: 100;text-transform: uppercase;padding-bottom: 10px;}
.zpfs .bor_bot{margin-bottom: 20px;}
.zpfs .bor_bot::after{content: "";display: block;width: 20px;height: 2px;background: #d80930;}
.zpfs p{font-size: 13px;line-height: 28px;padding-bottom: 12px;
	font-size: 12px;color: #717578;text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 6;	overflow: hidden;word-break: break-all;width:250px;
}

/* 人才招聘 */
#list_slide{  position:relative;margin-bottom:50px}
#list_slide dl strong.num{ position: absolute; left: -70px; top: -0px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size:18px; background: #005ba0; border-radius:0px; }
#list_slide dl{  margin-left: 70px; margin-bottom:15px; border-bottom:1px dotted #cccdd1; position: relative; background:#f4f5f7; }
#list_slide dt{display:block;  padding: 0px 30px; background: #fff;  cursor:pointer; height:48px; }
#list_slide dt.on{ background:#f4f5f7; border-bottom:0px dotted #cccdd1; }
#list_slide dt h5{font-size:15px; line-height:48px; background:url('../images/icon_hr_on.png') right center no-repeat;  display:block;}
#list_slide dt.on h5{ background:url('../images/icon_hr_off.png') right center no-repeat ;  }
#list_slide dd{ display:none; line-height:24px; background:#f4f5f7;padding:30px 30px 15px; position:relative;}
#list_slide dd p{  margin-bottom:10px;  color:#444; font-size:14px; line-height:24px;}
#list_slide dd a{position: absolute; right: 20px; top: 30px; display: block; width: 108px; height: 32px; line-height: 32px; text-align: center; background:#FF8B10; border-radius: 32px; color:#fff;}

/*人才内容页*/
.zp_neirong p{line-height:30px;}
.zp_form h5{border-bottom:solid 1px #e8e8e8; margin-top: 25px; font-size:18px; height:36px;}

.table_form{ margin-top:20px;}
.table_form th{text-align: right; font-weight: normal; padding-right: 10px;}
.table_form td{padding: 5px 0;}
.table_form input.input-text{width: 240px;padding: 8px 5px;border: solid 1px #ddd;}
.table_form select {padding: 8px 15px;border: solid 1px #ddd;}
.table_form textarea{padding: 8px 15px;border: solid 1px #ddd;}
.table_form #dosubmit{ border:none; font-size:16px; cursor:pointer; text-align:center; color:#fff; background:#005ba0; font-family:"微软雅黑";border-radius: 3px; transition:0.3s all; width:200px; height:50px; line-height:50px;}
.table_form #dosubmit:hover{ background:#FF8B10; color:#fff; text-decoration:none;}



/*分页*/
#pages { padding:20px 0px; text-align:center}
#pages a { display:inline-block; width:30px; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; font-size:13px;}
#pages a.a1 { background:#f5f5f5; width:60px; padding:0; }
#pages a:hover { background:#2A72BE;border:1px solid #2A72BE; color:#fff; text-decoration:none; }
#pages span { display:inline-block; width:30px; height:30px;line-height:30px; background:#2A72BE; border:1px solid #2A72BE; color:#fff; text-align:center;}
#pages em{margin-left:10px; font-style:normal;}

.pages_num {padding:20px 0px; text-align:center; font-size:13px;}
.pages_num a {display:inline-block; width:30px; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; margin:0 1px;text-align:center; color:#333;}
.pages_num a.a1 { background:#fff; width:60px; padding:0; }
.pages_num a.page_view {background:#2A72BE; border:1px solid #2A72BE; color:#fff;}
.pages_num a:hover{  background:#2A72BE;border:1px solid #2A72BE; color:#fff; text-decoration:none; }
.pages_go { line-height:30px;overflow:hidden; margin-left:5px;}
.pages_go .input1 {margin-right: 5px; height:28px;width:25px; text-align:center; background:#f8f8f8; border:solid 1px #ddd;}
.pages_go .sure_btn { margin:-1px 0 0 0px; background:#fff; cursor:pointer; color:#666; height: 32px; width: 35px; border: 1px solid #ddd;font-size: 13px; color: #666;}
.pages_go .sure_btn:hover{background:#2A72BE; color:#fff;border:solid 1px #2A72BE;}
.pages_num em{margin-left:10px; font-style:normal;}



/*建议反馈*/
.note_red{ font-size:14px; color:#fe0000; margin:0 10px;}
.note_arrow{ color:#999; display:inline-block; background:url(../images/note.gif) no-repeat left center; padding-left:24px; margin-left:10px;}

.fill_textarea{ width:500px; padding:10px 5px; height:120px; border:solid 1px #ddd;}
.fill_textarea:hover{border:solid 1px #ccc; background:#f8f8f8;}

table.fill_table_c{ clear:both; margin:0px auto 10px auto;}
table.fill_table_c input.fill_text{ width:240px; padding:8px 5px; border:solid 1px #ddd;}
table.fill_table_c input.fill_text:hover{border:solid 1px #ccc; background:#f8f8f8;}
table.fill_table_c th,table.fill_table_c td{ vertical-align:top; line-height:2em; padding:10px 5px;}
table.fill_table_c th{ font-size:14px; font-weight:normal; text-align:right;}
table.fill_table_c img{ vertical-align:middle; margin:0 10px;}
table.fill_table_c input.orange_btn{ width:200px; height:50px; line-height:50px;}
input.orange_btn{ border:none; font-size:16px; cursor:pointer; text-align:center; color:#fff; background:#005ba0; font-family:"微软雅黑";border-radius: 3px; transition:0.3s all;}
input.orange_btn:hover{ background:#FF8B10; color:#fff; text-decoration:none;}


/*联系我们*/
.page_lxwm{ margin-top:60px;}
.page_lxwm .left{width:480px; float:left;}
.page_lxwm .left p{font-size: 15px; color: #666;line-height: 30px; margin-bottom: 30px; text-align:justify;}
.page_lxwm .map{border: solid 0px #e8e8e8;width:720px; height:340px;box-sizing: border-box;}




/*站内搜索*/
.serch_side{width:260px; float:left;}
.serch_side .cate_tit{background:#eee;}
.serch_side .cate_tit h5{width:100%; line-height:86px; text-align:center; background:url(../images/nav_bg.png) no-repeat center bottom #005ba0; background-size:100% 36px; color:#fff; font-size:25px; letter-spacing:5px; margin-bottom:0px; font-weight:normal;}

.serch_box{border:solid 1px #ddd; padding:48px 40px 35px 40px; float:right; width:820px;}
.serch_box h5{ height:36px; border-bottom:solid 1px #dcdcdc; font-size:20px;}


.serch_box{ background:#fff; padding:50px 50px;}
.ser_left{text-align:right; border-right:solid 1px #eee;padding:25px 0;}
.ser_right{}

.ser_left div{margin-bottom:25px;  padding-right:20px; }
.ser_left .xian{height:1px; background-image: linear-gradient(to right, #fff , #ddd);}
.ser_left li{ margin-top:10px; padding-right:4px; font-size:13px;}
.ser_left span{color:#999; font-size:15px; margin-bottom:5px; display:inline-block;}
.ser_left li .ac{color:#CB0101; font-weight:bold;}

.sr_frm_box {margin-top:2px;}
.sr_frm_box li{float:left;}
.sr_frm_box input{width:300px; line-height:40px; height:40px; border:solid 1px #ddd; border-right:0; outline:none; font-size:16px; padding-left:10px; box-sizing:border-box; font-family:"微软雅黑";}
.sr_frm_box input[type="submit"]{ background:#CB0101;border:solid 1px #CB0101;color:#fff; cursor:pointer; width:100px; line-height:30px; height:40px;}
.ser_right .jg{ line-height:50px; border-bottom:dotted 1px #ddd; margin-bottom:25px; color:#666;}


.serch_list{ margin-bottom:30px;}
.serch_list h5{ margin-bottom:15px;}
.serch_list li{line-height:40px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; background:url(../images/dian.png) no-repeat left 18px; padding-left:20px;}
.serch_list li span{float:right; font-size:14px; color:#999;}